
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui" 
      xmlns:c="http://xmlns.jcp.org/jsp/jstl/core">
    <link type="text/css" rel="stylesheet" href="estilo.css" />
    <h1>Comprar cupon</h1>
    
    <p:panelGrid style="font-size: small;width: 100%;border: hidden">
        <p:row>
            <p:column>
        <p:panel header="Cupon">
            <p:outputLabel escape="false" value="#{cBusOfe.DetalleOferta(cVen.oC.idOferta)}"/>
        </p:panel>
            </p:column>
            <p:column>
        <p:panel header="Negocio: #{cVen.getnC().negNombre}" style="font-size: small;width: 100%">
            <h:panelGrid columns="1" style="text-align:center;font-size: small;width: 100%">  
                <p:graphicImage height="130" width="330" id="nimage" value="#{cNeg.NegChartM(cVen.getnC().idNegocio)}">   
                    <f:param name="idn" value="#{cVen.getnC().idNegocio}" />
                </p:graphicImage>

                <h:outputText value="#{cVen.getnC().negDescripcion}" />  

                <p:commandLink id="cLink" process="cLink" actionListener="#{cVen.AsignaNegocioSeleccionado}" update=":formCentro:negDetail,:formCentro:dlgInfo" oncomplete="PF('negDialog').show()" title="Ver detalle">  
                    <h:outputText styleClass="ui-icon ui-icon-search" style="margin:0 auto;" />   
                    
                </p:commandLink>  
            </h:panelGrid>  
        </p:panel>
            </p:column>
        </p:row>
        <p:row>
        <p:column colspan="2">
            <p:panelGrid style="border: hidden;font-size: small;width: 100%">
                <p:row><p:column width="200">
                    <p:outputLabel value="Cantidad de cupones: "/></p:column>
                    <p:column>
                        <p:spinner id="cantidadcupones" value="#{cVen.cvenCantidad}" min="0" max="100"
                                   validator="#{cVen.isCantidadValid}" required="true" requiredMessage="* Cantidad necesaria"/>
                    </p:column>
                </p:row>
                <p:row><p:column width="200">
                <p:outputLabel value="Datos de usuario: "/></p:column>
                <p:column>
                <p:panelGrid columns="2" style="font-size: small;border: hidden">
                    <p:outputLabel value="Nombre y apellidos: "/>
                    <p:inputText value="#{cVen.cvenNombre}" size="30" required="true" requiredMessage="* Nombre y pellidos necesarios"/>
                    <p:outputLabel value="Email: "/>
                    <p:outputLabel rendered="#{cPri.esUsuario}" value="#{user.usuEmail}"/>
                    <p:inputText rendered="#{!cPri.esUsuario}"  value="#{cVen.cvenEmail}" size="30" required="true" requiredMessage="* Email necesario"/>
                    <p:outputLabel value="Telefono: "/>
                    <p:inputText value="#{cVen.cvenTelefono}" required="true" requiredMessage="* Telefono necesario"/>
                </p:panelGrid>
                </p:column>
                </p:row>
                <p:row>
                <p:column>
                <p:outputLabel value="Forma de pago: "/></p:column>
                <p:column>
                <p:ring id="custom" value="#{cVen.fpago}" var="pago" style="font-size: small;width: 70%" 
                            styleClass="image-ring" easing="easeInOutBack">  
                    <p:graphicImage value="img/#{pago.imagen}" title="#{pago.nombre}" style="outline-style: double"/>  
                </p:ring>
                </p:column>
                </p:row>
            </p:panelGrid>
        </p:column>
        </p:row>
        <p:row>
            <p:column>
                <h:commandButton id="submit4" 
                         value="Comprar cupon"
                         action="#{cVen.efectuarCompra}"/>
            </p:column>
        </p:row>
    </p:panelGrid>
    
    
     <p:dialog header="#{cNeg.selectedNeg.negNombre}" id="dlgInfo" widgetVar="negDialog" modal="false" closeOnEscape="true" resizable="false">  
        <p:outputPanel id="negDetail" style="text-align:center;">  

            <p:graphicImage height="260" width="660" id="nimage2" value="#{cNeg.NegChartM(cNeg.selectedNeg.idNegocio)}"/>  

            <h:panelGrid  columns="2" cellpadding="5">  
                <h:outputLabel for="ntelefono" value="Telefono: " />  
                <h:outputText id="ntelefono" value="#{cNeg.selectedNeg.negTelefono}" />  

                <h:outputLabel for="npaginaweb" value="Pagina web: " />  
                <h:outputText id="npaginaweb" value="#{cNeg.selectedNeg.negPaginaweb}" />  

                <h:outputLabel for="nhorario" value="Horario: " />  
                <h:outputText id="nhorario" value="#{cNeg.selectedNeg.negHorario}" />  

                <h:outputLabel for="nemail" value="Email: " />  
                <h:outputText id="nemail" value="#{cNeg.selectedNeg.negEmail}" />  

                <h:outputLabel for="ndireccion" value="Direccion: " />  
                <h:outputText id="ndireccion" value="#{cNeg.selectedNeg.negDireccion}" />  

            </h:panelGrid>  
            <p:gmap center="#{cNeg.selectedNeg.negCoordenadas}" zoom="17" type="ROADMAP" model="#{cNeg.mapModelSelNeg(cNeg.selectedNeg.negCoordenadas)}"  
                    style="width:600px;height:400px" />
        </p:outputPanel>  
    </p:dialog> 
    
</ui:composition>